/* CSS
   template webtom grey by tom.cryns@webtom.be
*/
#arrow{
          float:left;
          width:70px;
          margin:5px 0px 0px 5px;
          padding:5px 5px 0px 0px;
          text-align:left;
}
  
#arrow  a {text-decoration:none;}

#arrow a img {img-decoration:none; border-style:none;}

#del  a {text-decoration:none;}

#del a img {img-decoration:none; border-style:none;}

#picture {
			
           float:left;
           width:480px;
           margin:10px 0px 10px 5px;
           padding:5px 0px 0px 0px;
           text-align:center;
}

div.shadow1{
          float: left;
      	  padding: 10 6px 0px 10;
    	  background: url(../img/dropshadow.png) no-repeat bottom right
}

div.shadow1 img{
     	  display: block;
     	  position: relative;
    	  top: -3px;
	      left:-3px;
    	  padding:5px;
	      border:1px solid;
    	  border-color: #ccc #666 #666 #ccc
}

div.shadow1{
         float: left;
         padding: 10 6px 0px 10;
   	     background: url(../img/dropshadow.png) no-repeat bottom right
}
div.shadow1 img{
    	 display: block;
	     position: relative;
    	 top: -3px;
	     left:-3px;
    	 padding:5px;
	     background:#FFF;
    	 border:1px solid;
	     border-color: #ccc #666 #666 #ccc
}
    
div.shadow2{
		 padding: 0 6px 0px 0;
	    background: url(../img/dropshadow.png) no-repeat bottom right
}

div.shadow2 img{
		display: block;position: relative;
	    top: -3px;left:-3px;padding:5px;background:#FFF;
    	border:1px solid;border-color: #ccc #666 #666 #ccc
}
    
td.edit{
		text-align : right;
		padding:0px 0px 0px 5px;
}

td.edit li{
		display : inline;
}

td.edit img{
		img-decoration:none; 
		border-style:none;
		
}

td.description{
		padding:10px 0 0 0;
		font-size:large;
		font-family:sans-serif;
		border-bottom-style:outset;
		border-bottom-color:#CCCCCC;
		text-align : left;
		background-color:silver;
}

div.icon{
          float:left;
          width:95%;
          margin:5px 5px 5px 5px;
          padding:10px 5px 0px 5px;
          text-align:center;
         
        
}

div.icon li{
     	  text-decoration:none;
     	  margin:0px 0px;
     	  padding:0px; 
     	  display : inline;
     	 
}

div.icon li img{
	img-decoration:none;
	 border-style:none;
}

div.addcomment{
          float:left;
          width:95%;
          margin:5px 5px 5px 5px;
          padding:0px 5px 0px 5px;
          text-align:left;
}
	 
div.comment{
          border-left: 0px solid gray;
          border-bottom: 0px solid gray;
          margin:0px 5px 0px 5px; 
          padding:0px 0px 0px 0px;
          overflow: auto; 
          width: 780px; 
          height: 100%;
}  
       
div.iconcomm{
          float:right;
          width:50%;
          margin:5px 0px 0px 0px;
          padding:0px 0px 0px 0px;
          text-align:center;     
}

div.iconcomm li{
     	  text-decoration:none;
     	  margin:0px 0px;
     	  padding:0px; 
     	  display : inline;   	 
}

div.iconcomm li img{
	img-decoration:none;
	 border-style:none;
} 

span.date {
	font-size: small;
}